<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head th:replace="head :: commonHead('登录')">

</head>

<body style="overflow: hidden;">

<div id="app">
    <img th:src="${#request.getAttribute('ctx') + '/static/front/img/login-bg.png'}" class="login_bg" alt="">
    <a th:href="@{/}" class="login-index">
        <img th:src="${#request.getAttribute('ctx') + '/static/logo.png'}" alt="">
    </a>
    <div class="login_box clearfix">
        <div class="login_box_left">
<!--            <img cus:sysc="login-page-pic,login-page-pic,${#request.getAttribute('uploadServer')},,src">-->
        </div>
        <div class="login_box_right">
            <img th:src="${#request.getAttribute('ctx') + '/static/logo.png'}"
                 style="display: block;margin-bottom: 20px; width: 100px;">
            <img th:src="${#request.getAttribute('ctx') + '/static/front/img/text.png'}"
                 style="display: block;margin-bottom: 32px; width: 168px;">
            <form th:action="@{/login}" th:method="post">
                <span class="k_phone"
                      th:text="${session.SPRING_SECURITY_LAST_EXCEPTION ne null ? (session.SPRING_SECURITY_LAST_EXCEPTION.message eq 'Bad credentials' ? '用户名或密码错误' : session.SPRING_SECURITY_LAST_EXCEPTION.message) : ''}"></span>

                <div class="text">
                    <i></i>
                    <input type="text" name="username" id="phone" th:value="${session.SPRING_SECURITY_LAST_USERNAME}" placeholder="手机号" autocomplete="off"/>
                    <span class="c_phone">手机号格式错误</span>
                    <span class="k_phone">手机号不能为空</span>
                </div>

                <div class="text">
                    <i></i>
                    <input type="password" name="password" id="password" value="" placeholder="密码" autocomplete="off"/>
                    <span class="k_pass">密码不能为空</span>
                </div>
                <div class="jizhu clearfix">
                    <div class="left">
                        <input type="checkbox" name="remember-me"/>
                        <span>记住我</span>
                    </div>
                    <div class="right">
                        <a th:href="@{/retrieve}" style="color: #ff5722;">忘记密码</a> |
                        <a th:href="@{/register}">注册</a>
                    </div>
                </div>
                <div class="submit">
                    <input type="submit" value="登录"/>
                </div>
            </form>

            <!-- 第三方登录 -->
<!--            <div class="third">-->
<!--                <p>第三方登录</p>-->
<!--                <div class="third-con">-->
<!--                    <ul>-->
<!--                        <li>-->
<!--                            <a th:href="@{/thirdpart/qq}">-->
<!--                                <i class="iconfont icon-qq"></i>-->
<!--                            </a>-->
<!--                        </li>-->
<!--                        <li>-->
<!--                            <a th:href="@{/thirdpart/sinaweibo}">-->
<!--                                <i class="iconfont icon-tubiao214"></i>-->
<!--                            </a>-->
<!--                        </li>-->
<!--                        <li>-->
<!--                            <a th:href="@{/thirdpart/wechat}">-->
<!--                                <i class="iconfont icon-weixin"></i>-->
<!--                            </a>-->
<!--                        </li>-->
<!--                    </ul>-->
<!--                </div>-->
<!--            </div>-->

        </div>
    </div>
</div>
</body>

<!--/* 公用js */-->
<script type="text/javascript" th:src="@{'/static/common/jquery.min.js'}"></script>

<script type="text/javascript" th:src="@{'/static/common.js?v=0.1'}"></script>
<!--/* 自定义常量 */-->
<script type="text/javascript" th:src="@{'/static/common/constant.js?v=0.1'}"></script>
<!--/* 自定义工具类 */-->
<script type="text/javascript" th:src="@{'/static/common/tools/tools.vue.js?v=0.1'}"></script>
<script type="text/javascript" th:src="@{'/static/common/tools/tools.extend.js?v=0.1'}"></script>
<script type="text/javascript" th:src="@{'/static/common/tools/tools.validate.js?v=0.1'}"></script>

<script th:src="${#request.getAttribute('ctx') + '/static/front/js/home.js'}" type="text/javascript" charset="utf-8"></script>

</html>
